<template>
    <div id="swiper">
        <div class="wrap">
            <mt-swipe :auto="4000">
                <mt-swipe-item v-for="(item,index) in list" :key="index">
                    <!-- 这里不加key会有警告 -->
                    <img :src="item.img" alt="" class="img">
                </mt-swipe-item>
            </mt-swipe>
        </div>
    </div>
</template>
<script>
    import common from '../../common.js'
    export default {
        data() {
            return {

            }
        },
        props: ['list'],
        created() {

        },
        methods: {

        },
    };
</script>
<style scoped>
    #swiper {
        margin-top: 40px;
    }
    .wrap {
        height: 300px;
    }

    .img {
        width: 100%;
        height: 100%;
    }
</style>